<template>
  <div class="wrap">
    <h1>less 嵌套  Nesting </h1>
  </div>
</template>

<script>
export default {
  name: 'Nesting',
  props: {

  }
}

/*
  less 嵌套模仿了html的嵌套结构
*/
</script>


<style lang="less" scoped>
  @font-color: red; 
  .wrap{
    h1{
      color: @font-color;
    }
  }
</style>
